<form action="" class="form-horizontal" role="form">
  <div class="form-group">
      <label class="col-sm-2 control-label">合作商名称</label>
      <div class="col-sm-4">
        <input type="text" class="form-control" name="name" placeholder="" datatype="*2-20">
      </div>
  </div>
  <div class="form-group">
    <label class="col-sm-2 control-label">合作商邮箱</label>
    <div class="col-sm-3">
      <input type="email" class="form-control" name="email" placeholder="作为合作商登录后台账号" datatype="e"/>
    </div>
  </div>
  <div class="form-group">
      <label class="col-sm-2 control-label">合作商联系人</label>
      <div class="col-sm-3">
        <input type="text" class="form-control" name="contacts" placeholder="" datatype="*1-10">
      </div>
  </div>
  <div class="form-group">
    <label class="col-sm-2 control-label">联系人电话</label>
    <div class="col-sm-3">
      <input type="text" class="form-control" name="tel" placeholder="" datatype="phone" />
    </div>
  </div>
  
  <div class="form-group">
    <label class="col-sm-2 control-label">登录密码</label>
    <div class="col-sm-3">
      <input type="password" class="form-control" name="password" placeholder="密码大于6位小于16位" datatype="*6-16">
    </div>
  </div>
  <div class="form-group">
    <label class="col-sm-2 control-label">重复登录密码</label>
    <div class="col-sm-3">
      <input type="password" class="form-control" placeholder="重复刚才输入的密码" datatype="*" recheck="password">
    </div>
  </div>
  
  <div class="form-group">
    <label class="col-sm-2 control-label">合作商地区</label>
    <div class="row">
      <div class="col-sm-2">
        <select class="form-control" id="province" name="province" datatype="*">{$provinceOptions}</select>
      </div>
      <div class="col-sm-2">
        <select class="form-control" id="city" name="city" datatype="*">{$cityOptions}</select>
      </div>
      <div class="col-sm-2">
        <select class="form-control" id="area" name="area" datatype="*">{$areaOptions}</select>
      </div>    
    </div>
  </div>
  
  <div class="form-group">
    <label class="col-sm-2 control-label">合作商具体地址</label>
    <div class="col-sm-3">
      <input type="text" class="form-control" name="address" placeholder="合作商的具体地址" datatype="*" />
    </div>
  </div>
  <div class="form-group">
    <div class="col-sm-offset-2 col-sm-8">
      <button type="submit" class="btn btn-primary submit" data-loading-txt="提交中，请稍后……" data-ajax-url="__CONTROLLER__/addPost">保存更改</button>
    </div>
  </div>
</form>
<script type="text/javascript">
  $(function(){
    $("#province").change(function(){
      var pro = $(this).val()
      $.post("__CONTROLLER__/getCityPost", {code: pro} ,function(data){
        $("#city").html(data);
      });
    });
    
    $("#city").change(function(){
      var cit = $(this).val()
      $.post("__CONTROLLER__/getAreaPost", {code: cit} ,function(data){
        $("#area").html(data);
      });
    });
  });
</script>